<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>自定义指令：全局指令，注册一个全局指令v-focus，该指令的功能是在页面加载时，元素获得焦点</title>
    <!-- 除了默认设置的核心指令(v-model和v-show),Vue也允许注册自定义指令 -->
    <script src="../../js/vue.js"></script>
</head>
<body>
    <div id="app01">
      <p>页面载入时，input元素自动获取焦点: </p>
      <input v-focus>
    </div>

    <script>
      // 注册一个全局自定义指令 v-focus
      Vue.directive('focus',{
        // 当绑定元素插入到DOM中
        inserted:function (el) {
          // 聚焦元素
          el.focus()
        }
      })

      // 创建实例
      new Vue({
        el:"#app01"
      })
    </script>
</body>
</html>
